import React, { ReactNode } from 'react'
import styles from './App.module.css'
import { Layout, Typography } from 'antd'
import { useTranslation } from 'react-i18next'
export const Footer: React.FC = () => {
  const { t } = useTranslation()
  return (
    <div className={styles['app-header']}>
      <Layout.Footer>
        <Typography.Title level={3} style={{ textAlign: 'center' }}>
          {t('footer.detail') as ReactNode}
        </Typography.Title>
      </Layout.Footer>
    </div>
  )
}
